﻿@media only screen and (max-width: 1600px) {
.device {
width:1600px;
  max-height:608px;
}		
}
@media only screen and (max-width: 1440px) {
.device {
width:1440px;
  max-height:548px;
}		
}
@media only screen and (max-width: 1366px) {
.device {
width:1366px;
  max-height:519px;
}		
}
@media only screen and (max-width: 1199px) {
.device {
  width: 1200px;
  max-height:456px;
}	
.header{
	position:relative;
	}
		
	.top_logo a{
	background-image: url(../img/top_logo_xiao.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 135px;
	background-size:100%;
		}
	.header_right_01{
		display:none;
		}
	.header_right{
		width:97%;
		right:0;
		padding-right:3%;
		position:absolute;
		}		
    /*******************************
        -------[= 导航栏]-------
    ********************************/
    #menu_button_wrapper{
	display: block;
	border-radius: 25px;
	margin-top:10px;
    }
    
    #menu_button {
	box-sizing: border-box;
	float: right;
	border-radius: 35px;
	color: white;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #017dc5;
    }
    
    #menu_button:hover {
	background-color: #004098;
	cursor: pointer;
	webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.4s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;
    }
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menu_button span{
        display: block;
        background-color: #fff;
        width: 1.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    nav ul {
	width: 103%;
	margin: 0 auto;
	position: absolute;
	right: 0px;
	top: 55px;
	padding-top:20px;
	padding-bottom:20px;
	box-sizing: border-box;
	background-image: url(../img/top_bj.png);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
    }

    nav ul li {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
    }
    
    nav ul li a {
        width: 100%;
		line-height:45px;
		padding:0px;
		margin:0px;
    }

.index_about_img_list .slide{
	padding-left:45px;
	}

.nye-fix-div{
	width:18%;
	}	
    
}
@media only screen and (max-width: 959px) {
	
    /*******************************
        -------[=首页]-------
    ********************************/
.device {
  width: 960px;
  max-height:365px;
}
	
.index_about_img_list li{
	margin-left:10px;
	margin-right:10px;
	}
.index_about_img_list .slide{
	padding-right:5px;
	padding-left:30px;
	width:820px;
	}	

.index_news_img{
	width:100%;
	}
.index_news_img img{
	height:auto;
	}	
.index_news_info{
	width:90%;
	}
.alltitle{
	display:none;
	}	
.pagination{
	bottom:5px;
	}
.swiper-pagination-switch{
	width:8px;
	height:8px;
	}			

    /*******************************
        -------[=内页]-------
    ********************************/
.main_left{
	width:20%;
	z-index:999;
	position:fixed;
	-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .3);  
    -moz-box-shadow:0 0 20px rgba(0, 0, 0, .3);  
    box-shadow:0 0 20px rgba(0, 0, 0, .3);  
	}
.main_right{
	width:100%;
	padding:0px;
	}	
.contact .liuyan ul li.name{
	width:96%;
	}
.contact .liuyan ul li.phone{
	width:96%;
	}
.contact .liuyan ul li.qq{
	width:96%;
	}
.contact .liuyan ul li.email{
	width:96%;
	}

.pro_txt{
	position:relative;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
	background:#fff;
	padding-bottom:20px;
	}
.pro_txt span{
	color:#333;
	font-size:14px;
	}
.pro_txt p a{
	color:#666;
	}					

.classify  ul{
	max-height:100%;
	display:none;
	}

#nav03 .fuwu_list li{
	height:auto;
	margin-bottom:10px;
	}
#nav03 .fuwu_list li .fuwu_img{
	width:100%;
	}	
#nav03 .fuwu_list li .fuwu_txt{
	width: 90%;
	float: left;
	padding-top: 3%;
	padding-right: 5%;
	padding-bottom: 3%;
	padding-left: 5%;
	}	
	
}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
	    /*******************************
        -------[=公用]-------
    ********************************/
.device {
  width: 768px;
  max-height:292px;
}			

    /*******************************
        -------[=首页]-------
    ********************************/
.index_about_img img{
	max-width:100%;
	}
.index_about_info{
	left:50%;
	margin-left:-270px;
	}
.index_about_img_list .slide{
	padding-right:5px;
	padding-left:30px;
	width:650px;
	}
.index_service li{
	width:48%;
	margin-bottom:20px;
	}
.index_ser_img a{
	max-width:100%;
	}	
.index_youshi_txt h2{
	padding-top:20px;
	}
.index_youshi_txt span{
	line-height:24px;
	margin-top:10px;	
	}
.footer_lx li.con02{
	padding-left:2%;
	padding-right:2%;
	width:35%;
	}

.index_feedback input{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	float:left !important;
	}
.index_feedback #content{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	}	
.index_feedback a{
	margin:0 auto;
	display:inline-block;
	}								
    /*******************************
        -------[=内页]-------
    ********************************/
.main_left{
	position:relative;
	width:100%;
	margin-top:0px;
	}
.nye-fix-div{
	top:0px;
	}
.alltitle span{
	float:left;
	}		
.classify{
	background:none;
	padding-bottom:0px;
	}	
.classify h3{
	font-size:18px;
	height:50px;
	padding-top:15px;
	background: url(../img/nye_title_02.jpg);
    background-repeat: no-repeat;
    background-position: left center;
	background-size: 100%;	
	}
.classify h3 p{
	font-size:14px;
	line-height:16px;
	}
.classify li a{
	font-size:16px;
	}
.classify li{
	line-height:55px;
	height:55px;
	}	

#nav01 img, #nav02 img, #nav03 img, #nav04 img, #nav05 img, #nav06 img, #nav07 img, #nav08 img{
	width:100% !important;
	}

    /*******************************
        -------[=产品]-------
    ********************************/		
					
}

@media only screen and (max-width: 600px) {
.device {
  width: 600px;
  max-height:228px;
}	
	
.box{
		width: 50%;
	}	
    /*******************************
        -------[=首页]-------
    ********************************/
.index_about_bt p{
	margin:0 auto;
	}	
.index_about_info{
	position:relative;
	top:10px;
	width:100%;
	height:auto;
	left:0px;
	text-align:center !important;
	margin:0px;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:25px;
	padding-top:40px;
	}
.index_about_more{
	text-align:center;
	padding-top:20px;
	}	
.index_about_img_list .slide{
	width:480px;
	}
.index_youshi_txt{
	width:100%;
	height:auto;
	padding-bottom:20px;
	}
.index_youshi_img{
	width:100%;
	}	

.index_feedback{
	max-width:90%;
	}	
.index_feedback input{
	width:84%;
	padding-left:8%;
	padding-right:8%;
	}	
.index_feedback #content{
	width:84%;
	padding-left:8%;
	padding-right:8%;
	}		

    /*******************************
        -------[=内页]-------
    ********************************/
	
	
    /*******************************
        -------[=关于]-------
    ********************************/
	
		
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    /*******************************
        -------[=首页]-------
    ********************************/
.device {
  width: 480px;
  max-height:183px;
}

.index_about_img_list .slide{
	width:380px;
	}
.footer_lx li.con01{
	width:100%;
	}
.footer_lx li.con02{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	}
.footer_lx li.con03{
	width:100%;
	}			
    
    /*******************************
        -------[=内页]-------
    ********************************/
				
}

@media only screen and (max-width: 375px) {
    /*******************************
        -------[=首页]-------
    ********************************/
.device {
  width: 100%;
  max-height:140px;
}
.index_about_img_list .slide{
	width:290px;
	}
.index_service li{
	width:100%;
	}
.index_news_list .fCl-slide li{
	width:98%;
	}	
.index_feedback input{
    width: 76%;
    padding-left: 12%;
    padding-right: 12%;	
	}
.index_feedback #content{
    width: 76%;
    padding-left: 12%;
    padding-right: 12%;	
	}		

    /*******************************
        -------[=内页]-------
    ********************************/

}
